<template>
  <div class="center-bottom">
    <el-tabs v-model="activeName" @tab-click="handleClick" style="width: 650px; margin-left:200px;">
      <el-tab-pane label="商品详情" name="first">
        <el-image v-for="(item,index) in imageList" :src="item.url" :key="index">
          <div slot="placeholder" class="image-slot">
            加载中
            <span class="dot">...</span>
          </div>
        </el-image>
      </el-tab-pane>
      <el-tab-pane label="用户评价" name="second">模块正在赶来的路上 。。。</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  props: {
    imageList: {
      type: Array,
      default: [],
    },
  },
  data() {
    return {
      activeName: "first",
    };
  },
  created() {
    //  console.log(this.imageList);
  },
  methods: {
    handleClick(tab, event) {
      // 点击 tab 触发
      //console.log(tab, event);
    },
  },
};
</script>

<style>
</style>
